<?php
/**
 * @file
 * Returns the HTML for a single Drupal page.
 *
 * Complete documentation for this file is available online.
 * @see https://drupal.org/node/1728148
 */
?>

<link href="<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/dist/css/bootstrap_jessica.css" rel="stylesheet" type="text/css" media="screen">
<link href="<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/dist/css/style.css" rel="stylesheet">
<link href="<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/dist/css/swiper.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/dist/css/jquery.ez-plus.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/dist/css/jquery.fancybox.css" media="screen" />



<link href="<?php echo path_to_theme(); ?>/sc/dist/css/bootstrap_jessica.css" rel="stylesheet" type="text/css" media="screen">
<link href="<?php echo path_to_theme(); ?>/sc/dist/css/style.css" rel="stylesheet">


<script src="<?php echo path_to_theme(); ?>/sc/dist/js/sliderBanner.js" type="text/javascript"></script>
<script src="<?php echo path_to_theme(); ?>/sc/dist/js/jssor.slider-27.1.0.min.js" type="text/javascript"></script>
<script src="<?php echo path_to_theme(); ?>/sc/dist/js/jquery-3.2.1.min.js"></script> 
<script src="<?php echo path_to_theme(); ?>/sc/dist/js/popper.min.js"></script> 
<script type="text/javascript" src="<?php echo path_to_theme(); ?>/sc/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo path_to_theme(); ?>/sc/dist/js/submenubg.js"></script>


<script type="text/javascript">submenuDisplayBG();</script>
<script type="text/javascript">callSearchFrom();</script>
<script type="text/javascript">closeSearchFrom();</script>
<script type="text/javascript">memberPopover();</script>
<script type="text/javascript">contentPosition();</script>





<style>
@font-face {
	font-family: 'fontello';
	src: url('<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/font/fontello.eot?16269818');
	src: url('<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/font/fontello.eot?16269818#iefix') format('embedded-opentype'), url('<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/font/fontello.woff?16269818') format('woff'), url('<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/font/fontello.ttf?16269818') format('truetype'), url('<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/font/fontello.svg?16269818#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-mar { float: right;
    margin-top: -1.4rem;
}
</style>





<div id="page">
    <?php print render($page['help']); ?>


<!-- Search Form -->
<div class="searchWrapper">
	<div class="row">
		<div class="col-lg-3 col-1 searchWrapperClose h-auto d-inline-block"></div>
		<div class="col-lg-6 col-10">
			<div class="searchBoxWrapper">
				<form class="searchFrom">
					<input type="text" title="name" placeholder="Search" class="searchFromFill pl-3"><a href="#"><i class="demo-icon icon-ic_search_black_24px searchFromIcon">&#xe802;</i></a>
				</form>
				<p class="hotKeyWords">Hot key words</p>
				<a href="#"><div class="hotKeyWords-result">不是跑手也要知！10個跑步冷知識</div></a>
				<a href="#"><div class="hotKeyWords-result">金像獎準影帝影后個個青春常駐</div></a>
				<a href="#"><div class="hotKeyWords-result">韓國賞櫻唔怕遲！4大偶遇Oppa櫻花景點攻略</div></a>
				<a href="#"><div class="hotKeyWords-result">ACNE STUDIOS</div></a>
				<a href="#"><div class="hotKeyWords-result">BURBERRY</div></a>
			</div>
		</div>
		<div class="col-lg-3 col-1 searchWrapperClose h-auto d-inline-block"></div>
	</div>
	<div class="searchWrapperClose"></div>
</div>

<!-- Navbar -->


<nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top" style="z-index: 999;">
	<div class="container nav-bottom-line">
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu"  aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
		<a class="navbar-brand" href="<?php print t('Home'); ?>"><img alt="Jessica" src="<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/img/Jessica_logo.svg" class="nav-logo"></a>
		<div class="navbar-nav display-md-xs h4">
			<!--<a href="membership.html" style="color: #FFA5A6;"><i class="demo-icon icon-ic_account_circle_black_24px">&#xe803;</i></a>-->
			<span class="menu-logout-btn"><a href="#"><i class="demo-icon icon-logout h4 pt-2">&#xe741;</i></a></span>
			<a href="#" class="pl-1" id="callSearchBtn"><i class="demo-icon icon-ic_search_black_24px">&#xe802;</i></a>
		</div>
		<div class="collapse navbar-collapse mt-2" id="navbarMenu">
			 <div class="display-md-xs">
				<div class="d-flex justify-content-center border-top pt-1 pb-1">
					<img src="<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/img/roanna.jpg" class="rounded-circle" style="width: 35px; height: 35px; float: left;" alt=""/>
					<div class="sub-cat" style="float: left; margin-left: 10px; margin-top: 8px;">Hi! Roanna Lee !</div>
					<div class="clearBoth"></div>
				</div>
			</div> 
		<ul class="navbar-nav mr-auto lg_menuFonts border-top-xs">
                    
                    
			
				<?php print render($page['navigation']); ?>
			


			<li class="nav-item display-md-xs"><a href="experts.html" class="nav-link">Magazine Subscription</a></li>
			<div class="display-md-xs mobile-menu-join-member">
				<div class="mobile-jm-header">Join our mailing list</div>
				<div class="pl-3 pr-3">
					<form>
					  <input type="text" title="name" value="What should I call you?" class="footer_joinFrom_fill mb-2 pl-2">
					  <input type="text" title="email" value="And your email?" class="footer_joinFrom_fill mb-2 pl-2">
					  <div class="mt-1">
						<input type="button" class="footer_joinFrom_btn" value="JOIN US">
					  </div>
					</form>
			  	</div>
				<div class="footer_social mt-5">
					<div class="d-flex justify-content-center mb-5">
						<a href="http://www.facebook.com/jessicamagazine.hk" target="_blank" class="mx-1"><div class="h4 border border-white rounded-circle footer_social_icon text-center"><i class="demo-icon icon-facebook">&#xf09a;</i></div></a>
						<a href="http://instagram.com/jessicamagazinehk" target="_blank" class="mx-1"><div class="h4 border border-white rounded-circle footer_social_icon text-center"><i class="demo-icon icon-instagram">&#xf16d;</i></div></a>
						<a href="http://weibo.com/jessicahk" target="_blank" class="mx-1"><div class="h4 border border-white rounded-circle footer_social_icon text-center"><i class="demo-icon icon-weibo">&#xf18a;</i></div></a>
						<a href="http://www.youtube.com/user/JESSICAMagazineHK" target="_blank" class="mx-1"><div class="h4 border border-white rounded-circle footer_social_icon text-center"><i class="demo-icon icon-youtube-play">&#xf16a;</i></div></a>
					</div>
				</div>
		  	</div>
		  </ul>
		</div>
                
                  <div class="display-lg">
			<button style="border: none; background-color: transparent; padding-left: 15px; margin-right: -10px;" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Hi! Roanna Lee !"><img src="<?php echo BASE_PATH(); ?><?php echo path_to_theme(); ?>/sc/img/roanna.jpg" class="rounded-circle mr-3 mt-1 menu_member_pic" alt=""/></button>
		  </div>
		  <div class="display-lg menu-logout-btn">
			  <a href="#"><i class="demo-icon icon-logout h4 pt-2">&#xe741;</i></a>
		  </div>
		  <div class="display-lg ml-2">
			  <a href="#" id="callSearchBtn_lg"><i class="demo-icon icon-ic_search_black_24px h4 pt-2">&#xe802;</i></a>
		  </div>
		  <div id="menuBG" class="subtitleOnly"></div>
	  </div>
</nav>


    <?php print $messages; ?>

	<?php if ($title): ?>
	<h1 class="page__title title element-invisible" id="page-title"><?php print $title; ?></h1>
	<?php endif; ?>

    <?php print render($page['highlighted']); ?>

	<div id="main">

        <?php
            // Render the sidebars to see if there's anything in them.
            $sidebar_first  = render($page['sidebar_first']);
            $sidebar_second = render($page['sidebar_second']);
        ?>

        <?php if ($sidebar_first): ?>
            <?php print $sidebar_first; ?>
        <?php endif; ?>
		<?php if ($sidebar_second): ?>
			<?php print $sidebar_second; ?>
		<?php endif; ?>

		<div id="content" class="column region-content" role="main">
		<div class="wrapper">
            <?php print $breadcrumb; ?>
			<a id="main-content"></a>
			<?php print render($title_prefix); ?>
			<?php print render($title_suffix); ?>
			<?php print render($tabs); ?>
			<?php if ($action_links): ?>
			<ul class="action-links"><?php print render($action_links); ?></ul>
			<?php endif; ?>
			<?php print render($page['content']); ?>
			<?php //print $feed_icons; ?>
		</div>
		</div>
		<?php print render($page['below_content']); ?>
	</div>
    <?php print render($page['bottom']); ?>

<!-- Footer -->
<section>
  <div class="container">
    <div class="col-lg-12 col-12 footerBG">
      <div class="row">
        <div class="col-lg-6 col-12 footer_joinFrom_left">
          <div class="footerH1">Join our mailing list</div>
          <div class="joinFrom">
            <form>
              <div class="footer_jF_name_wrapper">
                <input type="text" title="name" placeholder="What should I call you?" class="footer_joinFrom_fill pl-2">
              </div>
              <div class="footer_jF_email_wrapper">
                <input type="text" title="email" placeholder="And your email?" class="footer_joinFrom_fill pl-2">
              </div>
              <div class="footer_jF_btn_wrapper">
                <button class="footer_joinFrom_btn">JOIN US</button>
              </div>
            </form>
          </div>
        </div>
        <div class="col-lg-6 col-12">
          <div class="footerH1 footerH2">Other Information</div>
          <div class="footer_Content"><a href="javascript:void();">About us</a><span class="spacing">|</span><a href="javascript:void();">Terms &amp; Disclaimer</a><span class="spacing">|</span><a href="javascript:void();">Contact us</a><span class="spacing">|</span><a href="http://www.scmedia.com.hk/" target="_blank">South China Media</a></div>
        </div>
      </div>
      <div class="footer_line display-lg"></div>
      <div class="row d-flex align-items-center">
        <div class="col-lg-6 col-12">
          <div class="d-flex justify-content-center justify-content-lg-start footer_social"> <a href="http://www.facebook.com/jessicamagazine.hk" target="_blank">
            <div class="h4 border border-white rounded-circle footer_social_icon text-center"><i class="demo-icon icon-facebook">&#xf09a;</i></div>
            </a> <a href="http://instagram.com/jessicamagazinehk" target="_blank">
            <div class="h4 border border-white rounded-circle footer_social_icon text-center"><i class="demo-icon icon-instagram">&#xf16d;</i></div>
            </a> <a href="http://weibo.com/jessicahk" target="_blank">
            <div class="h4 border border-white rounded-circle footer_social_icon text-center"><i class="demo-icon icon-weibo">&#xf18a;</i></div>
            </a> <a href="http://www.youtube.com/user/JESSICAMagazineHK" target="_blank">
            <div class="h4 border border-white rounded-circle footer_social_icon text-center"><i class="demo-icon icon-youtube-play">&#xf16a;</i></div>
            </a> </div>
        </div>
        <div class="col-lg-6 col-12">
          <div class="footer_copyright">© South China Media. All Rights Reserved.</div>
        </div>
      </div>
    </div>
  </div>
</section>



       
        
        
        
        

</div>

<?php print render($page['popup']); ?>
<?php print render($page['overlay']); ?>
<?php print render($page['hidden']); ?>
